<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0px;
            padding: 0px;
            border: 0px;
        }
        .outer{
            width: 1200px;
            margin: 0px auto;
            background-color: rgb(250, 246, 227);
        }
        .header{
            height:164px;
            width: 100%;
            background-color:gainsboro;
            line-height: 164px;
            overflow: hidden;            
        }
        h2{            
            height: 40px;
            width: 200px;
            line-height: 40px;
            /* background-color: gray; */
            color: rgb(168, 17, 17);
            margin-top: 10px;
            margin-left: 50px;
            text-align: center;
            display: inline-block;
        }
        h3{
            text-align: center;
            margin: 40px auto ;

        }
        h4{
            margin: 10px 0px ;
            color: rgb(155, 11, 11);
        }
        p{
            font-size: 14px;
            line-height: 1.5rem;
            text-indent: 2em;
        }
        .header a{
            width: 50px;
            float: right;
            text-decoration: none;
            margin-right: 20px;
        }
        .menu{
            height: 30px;
            border-bottom: 1px solid grey;
            font-size: 14px;
        }
        .menu a:link{
            text-decoration: none;
            color: black;
        }
        ul{
            list-style-type: none;              
        }
        ul li img{
            float: left;
            margin-right: 20px;
        }
        ul li{
            overflow: hidden;
            margin: 10px auto;
        }
       .footer{
           height: 100px;
           line-height: 100px;
           background-color: black;   
          padding-top: 70px;   
          margin-top: 20px; 
       }
       .footer p{
  
            color:white;
            text-align: center;
       }  
           
        .footer a{
            color: white;
            text-decoration: none;
            display:inline-block;
            margin-right: 20px;         
            
                     
        }        
    </style>
</head>
<body>
    <div class="outer">
        <div class="header">
            <img src="images/logo4.png" >
            <a href="#">登录</a>
            <a href="#">注册</a>
        </div>
        <div class="banner">
            <img src="images/皮影戏二级页面页头图.jpg" width="100%">
        </div>
        <div class="menu">
            <a href="#">首页</a>>>艺术流派
        </div>
        
        <h3>艺术流派</h3>
        <p>
            由于皮影戏在中国流传地域广阔，在不同区域的长期演化过程中，形成了不同流派，常见有四川皮影、湖北皮影、湖南皮影、北京皮影、
            唐山皮影、山东皮影、陕西皮影、青海皮影、宁夏皮影、陕西皮影，以及川北皮影、陇东皮影等风格各具特色的地方皮影。各地皮影的音
            乐唱腔风格与韵律都吸收了各自地方戏曲、曲艺、民歌小调，音乐体系的精华，从而形成了异彩纷呈的众多流派。有丐阳皮影戏、唐山皮影西
            、冀南皮影戏、孝义皮影戏、复州皮影戏、海宁皮影戏、陆丰皮影戏、华县皮影戏、华阴老腔、阿宫腔、弦板腔、环县道情皮影戏、凌源皮影戏等等。
        </p>
        <ul>
            <li>
                <h4>北方流派</h4>                
                <img src="images/北方流派.jpg">                   
                <p>北方皮影戏以北京皮影戏为代表，源于清朝。至今已有200多年的历史。其特点是制作精良，技术复杂，手偶造型逼真
                    舞台布景高雅简洁，在表演上，北方皮影戏有极大的假化表现，华丽精细的技巧运用和夸张的肢体语言，常常令人
                    眼花缭乱。北方皮影戏曾连续多年在全国皮影戏大赛中居首位，获得了很高的艺术评价和社会声誉。
                </p>                    
            </li>
            <li>
                <h4>南方流派</h4>                
                <img src="images/南方流派.jpg">                   
                <p>南方皮影戏由南京皮影和湘皮影两个代表性流派，源于唐代。南方皮影戏重视音乐、声音、
                    细节和地方特点，具有讲究的情节编排和台词表演，以及传统音乐的配合。南京皮影戏
                    的名于起源地南京，以揭示历史人文和表现时代精神为主要特征。湘皮影以湖南一带为
                    发源地更突出地方特色和文化内涵，以诙谐幽默，贴近民俗的手法受到了观众的喜爱。
                </p>                    
            </li>
            <li>
                <h4>海南流派</h4>                
                <img src="images/海南流派.jpg">                   
                <p>海南皮影戏作为海南黎族民间脸谱戏曲之一，演出形式唯美细腻，具有热带岛屿的特色风情，
                    其特点是色彩鲜艳，靓丽多彩，动作生动，新颖多变，音乐与舞台设计更是水乳交融，完美结合。</p>                    
            </li>
            <li>
                <h4>山西流派</h4>                
                <img src="images/山西流派.jpg">                   
                <p>山西吕梁皮影戏是中国山西省特有的一种民间表演艺术，其特点是精致小巧、色彩亮丽，手工精湛。
                    山西皮影戏在舞台表演和剧情编排上含蓄微妙，常常借鉴当地的历史故事和民间传说，是一种更促
                    进儿童智力发展的皮影戏，也被称为是中国民族文化宝库里的珍品之一。
                </p>                    
            </li>
            <li>
                <h4>粤东流派</h4>                
                <img src="images/粤东流派.jpg">                   
                <p>粤东皮影戏目前一广东潮汕皮影戏为代表，具有很强的潮汕文化风格。在传承和发展中，粤东皮影戏
                    整合了多个文化要素，如音乐和咏春拳、武术等，凭借其清新自然，小巧玲珑的特点，也是受观众欢迎的艺术形式之一。</p>                    
            </li>
        </ul>
        <div class="footer">
            <p><a href="#">联系我们</a>|<a href="#">皮影戏工艺</a>|<a href="#">网站首页</a>|<a href="#">皮影戏介绍</a></p>
         
        </div>
    </div>
    
</body>
</html>